<script setup lang="ts">
import Layout from '@/view/layout/index.vue'
import Left_1 from './components/left-1/index.vue'
import Left_2 from './components/left-2/index.vue'
import Left_3 from './components/left-3/index.vue'
import Header from './components/header/index.vue'
import Right_1 from './components/right-1/index.vue'
import Right_2 from './components/right-2/index.vue'
import Main_header from './components/main-header/index.vue'
import Main_content from './components/main-content/index.vue'
import LayoutStore from "@/store/modules/setting.ts";
import {onMounted, onUnmounted} from "vue";
const layoutStore = LayoutStore();
onMounted(() => {
  layoutStore.setShowSearch(true)
})
onUnmounted(() => {
  layoutStore.setShowSearch(false)
})
</script>

<template>
  <Layout>
    <template #header>
      <Header></Header>
    </template>
    <template #left-1>
      <Left_1></Left_1>
    </template>
    <template #left-2>
      <Left_2></Left_2>
    </template>
    <template #left-3>
      <Left_3></Left_3>
    </template>
    <template #right-1>
      <Right_1></Right_1>
    </template>
    <template #right-2>
      <Right_2></Right_2>
    </template>
    <template #main-1>
      <Main_header></Main_header>
    </template>
    <template #main-2>
      <Main_content></Main_content>
    </template>
  </Layout>
</template>
<style scoped lang="scss">

</style>
